<!DOCTYPE HTML>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
   <meta name="format-detection" content="telephone=no">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
   <meta name="msapplication-tap-highlight" content="no">
   #parse("/h5/common/webWords.html")
   <link rel="stylesheet" type="text/css" href="http://${staticHost}/css/medioadaption.css" />
   <link rel="stylesheet" type="text/css" href="http://${staticHost}/css/stcss.css" />
   <script type="text/javascript" src="http://${staticHost}/js/jquery.js"></script>
   <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
   <!-- video js -->

  <!-- <link href="http://${staticHost}/css/video-js.css" rel="stylesheet" type="text/css">
   <script src="http://${staticHost}/js/video.min.js"></script>
   <script src="http://${staticHost}/js/videojs-ie8.min.js"></script>-->
   <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.12.2/videojs-contrib-hls.js" type="text/javascript"></script>-->
   <!--<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>-->
  <!-- <script src="http://${staticHost}/js/videojs-contrib-hls.js"></script>-->
   <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
   <script src="https://unpkg.com/video.js/dist/video.js"></script>
   <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
   <script type="text/javascript">
       $(document).ready(function () {
           var optForSort = '${optForSort}';
           //课程
           var videoList = '${videoList}';
           var videoMapJson = eval("("+videoList+")");

           $.each(videoMapJson, function (i, val) {
               if(optForSort == val.sort){
                   $("#courseMapListUl").before("<a class=shipin_hover onclick=return false disabled>第"+val.sort+"讲</a>");
               }else{
                   $("#courseMapListUl").before("<a class='cutCourse' href=/video/auth/videoPrerecord?videoPacketId="+val.packetId+"&courseName=${courseName}&courseId=${courseId}&semesterId=${semesterId}&exceedTerm=$!exceedTerm&sort="+val.sort+">第"+val.sort+"讲</a>");
               }
           });
           var videoUrl = '${videoUrl}';
           //$("#videoUrl").attr("src", videoUrl);
            var myPlayer = videojs("example_video_1");
           myPlayer.on(['loadstart', 'play', 'playing', 'firstplay', 'pause', 'ended', 'adplay', 'adplaying', 'adfirstplay', 'adpause', 'adended', 'contentplay', 'contentplaying', 'contentfirstplay', 'contentpause', 'contentended', 'contentupdate'], function(e) {
               console.warn('VIDEOJS player event: ',  e.type);
           });
       });
   </script>
   <!--<script>-->
      <!---->
   <!--</script>-->
   <style type="text/css">
      .zs_news2 li a{
         width:50%;
      }
      .zs_news2 li{
         background:url("");
      }
   </style>
</head>
<body style="background-color:#f8f8f8;">
<form name="form1" method="post" action="kread.aspx?id=676" id="form1">
   <div>
      <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE0NjYyNTQwMjZkZD+3LaC8CGT/LwSuel+HfCQfRey1" />
   </div>

   <div>
      <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="6B382EFC" />
   </div>

   <div class="dlny clear">
      <dl>
         <dt><a href="/edu/auth/toEditHeadprotrait"><img src="${headPortrait}"></a></dt>
         <dd>
            [${studentName}]
            #if( "${studentType}" == "1" )
            欢迎光临梦想在线！
            #else
            <span><a href="/edu/auth/toEditStudentInfo">[修改]</a></span>
            ${mood}
            #end
         </dd>
      </dl>
   </div>

   <div class="shipin">
      #if($videoType == 1)
      <div class="shipin_1" style="width:100%;height:40vh;background: #0062CC;">
             <video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" style="width: 100%;height: 100%;" data-setup='{"example_option":true}'>
            <source src="${videoUrl}" type='application/x-mpegURL' />
         </video>
          <input type="hidden" id="courseId" value="$!courseId"/>
          <input type="hidden" id="semesterId" value="$!semesterId"/>
          <input type="hidden" id="videoId" value="$!videoId"/>
          <input type="hidden" id="videoPacketId" value="$!videoPacketId"/>
          <input type="hidden" id="exceedTerm" value="$!exceedTerm"/>
      </div>
      #else
      <iframe height="303" width="310" id="videoUrl" src="" frameborder="0" allowfullscreen=""></iframe>
      #end
          <div class="shipin_3" id="addVideo">
             <div class="xg01 clear"><h5>${courseHeadName}</h5></div>
             <div class="xg01 clear"  id="courseMapListUl">
                 #if($tutorshipList)#else
                <h5>辅导资料</h5>
                 #end
             </div>
             <div class="zs_news2">
                <ul id="tutorshipMapListUl">
                   #foreach($tutorship in $tutorshipList)
                      <li>
                         <a href="/tutorship/auth/tutorship?tutorshipId=$tutorship.id&tutorshipName=$tutorship.packetName&courseName=$courseName&courseId=$courseId&semesterId=${semesterId}&exceedTerm=$!exceedTerm">$tutorship.packetName</a>
                      </li>
                   #end
                </ul>
             </div>
          </div>
   </div>

   <div class="holderdiv"></div><div class="fixdiv">
      <ul>
         <li><a href="javascript:void(0)" onclick="window.history.go(-1)"><img src="http://${staticHost}/images/foticon001.jpg"><span>返回</span></a></li>
         <li><a href="/edu/auth/modifyPwd"><img src="http://${staticHost}/images/foticon004.jpg"><span>重置密码</span></a></li>
         <li><a href="javascript:void(0)" onclick="loginOut()"><img src="http://${staticHost}/images/foticon003.jpg"><span>退出系统</span></a></li>
      </ul>
   </div>
</form><script src="http://${staticHost}/js/layer.js"></script>

<script type="text/javascript">
    function showMessage(msg){
        layer.open({
            content: msg
            ,btn: '关闭'
        });
    }
    function loginOut(){
        $.ajax({
            type:'post',
            url:'/edu/auth/loginOut',
            contentType:'application/x-www-form-urlencoded; charset=utf-8',
            success: function (result) {
                showMessage("您已安全退出梦想在线教育服务系统");
                window.location.href='/';
            }
        });
    }

</script>

</body>
</html>
